{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "https://vuejs.org/guide/quick-start.html"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Try Vue Online"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Creating a Vue Application\n",
    "\n",
    "Prerequisites\n",
    "- Familiarity with the command line\n",
    "- Install Node.js version 16.0 or higher"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "```shell\n",
    "$ npm create vue@latest\n",
    "\n",
    "Vue.js - The Progressive JavaScript Framework\n",
    "\n",
    "✔ Project name: … quick-start\n",
    "✔ Add TypeScript? … No / Yes\n",
    "✔ Add JSX Support? … No / Yes\n",
    "✔ Add Vue Router for Single Page Application development? … No / Yes\n",
    "✔ Add Pinia for state management? … No / Yes\n",
    "✔ Add Vitest for Unit Testing? … No / Yes\n",
    "✔ Add an End-to-End Testing Solution? › Playwright\n",
    "✔ Add ESLint for code quality? … No / Yes\n",
    "✔ Add Prettier for code formatting? … No / Yes\n",
    "\n",
    "Scaffolding project in /mnt/c/gitee/learnlibrary_notes/vue/quick-start/quick-start...\n",
    "\n",
    "Done. Now run:\n",
    "\n",
    "  cd quick-start\n",
    "  npm install\n",
    "  npm run format\n",
    "  npm run dev\n",
    "```"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {
    "vscode": {
     "languageId": "shellscript"
    }
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "sh: 1: npm: not found\n"
     ]
    }
   ],
   "source": [
    "! npm create vue@latest"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "C++17",
   "language": "C++17",
   "name": "xcpp17"
  },
  "language_info": {
   "codemirror_mode": "text/x-c++src",
   "file_extension": ".cpp",
   "mimetype": "text/x-c++src",
   "name": "c++",
   "version": "17"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}
